

/***
 * 1. 找到父容器
 * 2. 创建子元素
 * 3. 把子元素添加到父容器中
 * */

var nav = document.getElementById('nav'); // 父容器

for (var i = 0; i < items.length; i++) {
    var listItem = document.createElement('li'); // 子元素
    listItem.innerText = items[i].title;

    var innerUList = document.createElement('ul');
    for (var j=0;j< items[i].children.length;j++){
        var innerItem = document.createElement('li'); // 子元素
        innerItem.innerText = items[i].children[j].title;

        innerUList.appendChild(innerItem)
    }
    listItem.appendChild(innerUList);

    nav.appendChild(listItem); // 父子关联
}
;


/*
var slt = document.getElementById('slt'); // 父容器
items.unshift({ // 在数组头部添加一个对象
    id: 0,
    title: '--所有项目--'
})

for (var i = 0; i < items.length; i++) {
    var opt = document.createElement('option'); // 子元素
    /!***
     *  option
     *    option --- 主要属性：value、text
     * *!/
    opt.value = items[i].id;
    opt.text = items[i].title;
    //  opt.innerText = items[i].title;

    slt.appendChild(opt); // 父子关联
}
;*/
